<ion-header>
    <ion-toolbar>
        <ion-title>客户要货单</ion-title>
        <ion-buttons slot="end">
            <ion-button>新增</ion-button>
        </ion-buttons>
    </ion-toolbar>
    <div class="list_search_header">
        <input placeholder="搜索合同编号，客户名称等，可模糊搜索">
        <span (click)="search">搜索</span>
    </div>
</ion-header>

<ion-content>
    <div class="qd_list">
        <ng-template *ngFor="let item of list">
            <div class="qd_item">
                <div class="qd_header bor_bottom">
                    <div class="w12 qd_address">
                        <em class="mr5">已审核</em>{{ item['LXR'] }} - {{item['LXFS']}}
                    </div>
                    <div class="w12 mt10">
                        <span class="w08 mt10 tl"><i class="fa fa-file-text mr5"></i>{{ item['JLWBDH'] }}</span>
                        <span class="w04 mt10 tr"><i class="fa fa-clock-o mr5"></i>{{ item['ZDRQ'] }}</span>
                        <span class="w06 mt10 tl"><i class="fa fa-user-circle-o mr5"></i>{{ item['ZDR'] }}</span>
                        <span class="w06 mt10 tr">{{ item['XSFS'] }}</span>
                    </div>
                    <div class="w12 mt10">
                        <span class="fl" style="color: black;!important;">商品列表:</span>
                    </div>
                    <div class="w12 mt10" *ngFor="let i of item.SPLB">
                        <span class="w08  tl">{{i['SPBM']}}-{{i['SPMC']}}</span>
                        <span class="w02  tr">{{i['YHDJ'] | money}}</span>
                        <span class="w02  tr">x{{i['YHSL']}}</span>
                    </div>
                </div>
            </div>
        </ng-template>
    </div>

    <div class="tips_no_pro" *ngIf="list.length <=  0">
        <div class="tips_no_main">
            <div class="w12 tc font_gray_ccc" style="font-size:50px;"><i class="fa fa-sticky-note-o"></i></div>
            <div class="w12 tc font_size_super mt20 font_gray_ccc">暂无记录</div>
        </div>
    </div>

</ion-content>
